<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>IP共创计划</title>
   <link rel="stylesheet" href="../css/王者.css">
</head>
<body>
  <!-- 页面加载动画 -->
  <div class="loader">
    <div class="loader-logo"></div>
  </div>

  <!-- 视频背景容器 -->
  <div class="video-bg">
    <div class="video-loading"></div>
    <video autoplay muted loop playsinline onloadeddata="videoLoaded()">
      <source src="../img/video.mp4" type="video/mp4" />
      <!-- 视频加载失败时显示的背景图 -->
      <img src="#" alt="王者荣耀背景图" />
    </video>
  </div>

  <!-- 移动端菜单按钮 -->
  <button class="mobile-menu-btn" id="mobileMenuBtn">
    <i class="fas fa-bars"></i>
  </button>

  <!-- 固定文字 -->
  <div class="fixed-text top-text" id="topText">
    <a href="../html/home-main.html">
      <img src="../img/logo.webp" alt="王者荣耀LOGO" />
    </a>
      <span>IP共创计划</span>
  </div>

  <div class="fixed-text bottom-text" id="bottomText">
    <h1>IP共创计划</h1>
    <p>IP共创 和你一起远航</p>
  </div>

  <!-- 向下滚动提示 -->
  <div class="scroll-down" id="scrollDown">
    <i class="fas fa-chevron-down"></i>
  </div>
  <!-- 主内容区域 -->
  <div id="home" class="container section" data-section="home">
    <!-- 顶部标题区域 -->
    <h1>共创策划基地</h1>

    <!-- 主内容区域（包含轮播图） -->
    <div class="main-content">
      <div class="carousel">
        <!-- 轮播图容器 -->
        <div class="carousel-img-wrapper">
          <img src="../img/swipic1.webp" alt="轮播图1：云中君源·梦皮肤设计" class="carousel-img active">
          <img src="../img/swipic2.webp" alt="轮播图2：嫦娥源·梦皮肤设计" class="carousel-img">
          <img src="../img/swipic3.webp" alt="轮播图3：王者荣耀动画制作" class="carousel-img">
          <img src="../img/swipic4.webp" alt="轮播图4：国风共创主题" class="carousel-img">
        </div>

        <!-- 轮播切换按钮 -->
        <button class="carousel-btn prev">&lt;</button>
        <button class="carousel-btn next">&gt;</button>

        <!-- 轮播指示器 -->
        <div class="carousel-indicators">
          <div class="indicator active" data-index="0"></div>
          <div class="indicator" data-index="1"></div>
          <div class="indicator" data-index="2"></div>
          <div class="indicator" data-index="3"></div>
        </div>
      </div>

      <!-- 描述文字区域 -->
      <div class="desc">
        <p>创意互动营作为《王者荣耀》首个面向用户的共创平台，至今已陪伴我们许久。</p>
        <p>在这里，我们一起设计了云中君、嫦娥的源·梦系列皮肤，也参与了许多共创内容的创作。</p>
        <p>大家一起在实验室中设计特效、体验技能，由玩家投票选出的《王者荣耀》动画正处于制作中！</p>
        <p>创意互动营将在后续升级为「共创策划基地」，希望无论是内容共创，还是我们共同打造的《王者荣耀》，都能更贴近玩家需求。</p>
        <p>共创策划基地希望所有与我们共同创作的用户，都能成为《王者荣耀》的深度共创伙伴。这里是属于我们共同创作的《王者荣耀》。</p>
        <p>专区的共创策划基地，除了有原创意互动营的内容外，还有更全面的「上阳台帖」「山海」等共创项目。</p>
        <p>这些主要以国风线为共创主题的内容，也将在不久的将来与大家见面！</p>
      </div>

      <!-- 了解更多按钮 -->
      <button class="know-more-btu">了解更多</button>
    </div>
  </div>
  <script src="../js/王者.js"></script>
</body>
</html>
